---
title: سلاس (Chains)
description: تخصيص السلاسل (Customizing chains)
---

# سلاس (Chains)

## تخصيص السلاسل (Customizing chains)

تم تصميم RainbowKit ليتكامل مع [كائن Wagmi `chain`](https://wagmi.sh/react/chains). تحقق من قائمة السلاسل المدعومة [هنا](https://wagmi.sh/react/chains#supported-chains).

### تخصيص السلسلة الأولى (Customizing the initial chain)

افتراضيًا، سيتصل RainbowKit بالسلسلة الأولى التي يتم توفيرها لWagmi. يمكن تخصيص هذا السلوك عبر الخاصية `initialChain`.

يمكن تهيئة السلسلة الأولية باستخدام معرف السلسلة.

```tsx
<RainbowKitProvider initialChain={1}>
```

للتسهيل، يمكنك أيضًا تمرير كائن السلسلة.

```tsx
<RainbowKitProvider initialChain={mainnet}>
```

### بيانات تعريف السلاسل المخصصة (Custom chain metadata)

يتم توفير عدة أيقونات وخلفيات للسلاسل بشكل افتراضي، ولكن يمكنك تخصيص الأيقونة والخلفية لكل سلسلة باستخدام خصائص `iconUrl` و`iconBackground`.

مثال باستخدام `getDefaultConfig`

```tsx
import { mainnet, optimism } from 'wagmi/chains';

const config = getDefaultConfig({
  chains: [
    {
      ...mainnet,
      iconBackground: '#000',
      iconUrl: 'https://example.com/icons/ethereum.png',
    },
    {
      ...optimism,
      iconBackground: '#ff0000',
      iconUrl: 'https://example.com/icons/optimism.png',
    },
  ],
});
```

مثال باستخدام `createConfig`

```tsx
import { mainnet, optimism } from 'wagmi/chains';
import { Chain } from '@rainbow-me/rainbowkit';

const chains: readonly [Chain, ...Chain[]] = [
  {
    ...mainnet,
    iconBackground: '#000',
    iconUrl: 'https://example.com/icons/ethereum.png',
  },
  {
    ...optimism,
    iconBackground: '#ff0000',
    iconUrl: 'https://example.com/icons/optimism.png',
  },
];

const config = createConfig({
  chains,
});
```
